﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Product.Master" Inherits="System.Web.Mvc.ViewPage<IList<SDT.Site.ViewModels.Interest>>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Công cụ tính lãi xuất
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="LeftContent" runat="server">
    <% Html.RenderPartial("~/Views/Fengshui/MenuLeft.ascx"); %> 
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<style>
.inputbox-blue {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #0198D2;
    color: #016C95;
    width: 200px;
}
#fengshui 
{        
    margin-top:5px;
    border:1px solid #ccc;
    color:#000;
}
#fengshui div#fengshuiHeader 
{
    height:25px;
    background:#D7EFFA;
    line-height:25px;
    padding-left:5px;
    font-weight:bold;
    color:#016C95;
    
}
#f-content 
{
    padding:10px;
}
#f-content ul li 
{
    padding:5px;
    color:#000;
}
#f-content ul li span 
{
    font-weight:bold;
    color:#000;
}
.input 
{
    border:1px solid #0198D2;
    padding:10px;
    width:100%;
    margin-top:7px;      
    -moz-border-radius:5px;  
}

.table-bor 
{
    border-collapse:collapse;
    border:1px solid #ccc;
    margin-top:10px;      
}
.table-bor tr 
{
    border:1px solid #ccc;
}
.table-bor tr  td
{
    border:1px solid #ccc;
    text-align:right;    
}
.table-bor tr th 
{
    border:1px solid #ccc;
    background:#D7EFFA;
    color:#1D7DA3;
}
.td-a 
{
    text-align:right;
}
</style>   
<div class="clear"></div>
<div class="breadcrumbs">
    <a href="/home">Trang chủ</a><span></span>Công cụ tính lãi xuất
</div>
<div class="line"></div>
    <form action="" method="post">
    <table class="input">
    <tbody>
    <tr>
        <td colspan="4"><div style="text-align:center;padding:10px;color:#016C95">Bảng này giúp bạn tính toán số tiền cần trả khi vay ngân hàng để mua nhà trả góp.</div></td>
    </tr>
    <tr>
        <td class="td-a">
            <label id="lblYear">Số tiền vay:</label>
        </td>
        <td style="width:220px">             
            <input class="inputbox-blue" name="sotienvay" id="sotienvay" type="text" value="<%= ViewData["sotienvay"] %>" />             
        </td>
        <td></td>
        <td></td>
    </tr>
    
    <tr>
        <td style="width:220px"  class="td-a"><label id="lblSex">Thời gian vay:</label></td>
        <td style="width:220px">
                <input type="text" name="thoigianvay" id="thoigianvay" class="inputbox-blue" value="<%= ViewData["thoigianvay"] %>" />                
                
        </td>        
        <td></td>
        <td><%= Html.DropDownList("cmbtime", new SelectList(SDT.Site.Controllers.InterestController.ListKieuVay(), "Value", "Text", ViewData["kieuthoigianvay"]), new { @class = "inputbox-blue", @style = "width:100px" })%></td>
    </tr>
    <tr>
        <td   class="td-a"><label id="lblDirection">Lãi xuất</label></td>
        <td style="width:220px">
        <input type="text" name="laixuatvay" id="laixuatvay" class="inputbox-blue" value="<%= ViewData["laixuatvay"] %>" />
        
        </td>
        <td>%</td>
        <td><%= Html.DropDownList("kieulaixuatvay", new SelectList(SDT.Site.Controllers.InterestController.ListKieuLaiXuat(), "Value", "Text", ViewData["kieulaixuatvay"]), new { @class="inputbox-blue",@style="width:100px" })%></td>        
    </tr>
    <tr>
        <td  class="td-a"><label id="Label1">loại hình</label></td>
        <td colspan="3">
        <%= Html.DropDownList("ddlMoneyType", new SelectList(SDT.Site.Controllers.InterestController.ListLoaiHinh(), "Value", "Text", ViewData["kieuvay"]), new { @class = "inputbox-blue" })%>
        </td>
        
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td style="padding-top: 5px">           
            <input type="submit" onclick="return checkVal();" name="cal"  value="Xem kết quả" />
        </td>
    </tr>
</tbody>
</table>
</form>                
        <% if (Model != null)
        { %>
     <table class="table-bor" cellpadding="5" cellspacing="5" border="1px" width="100%">
        <tr>
            <th>Số kỳ trả</th>
            <th>Dư nợ đầu kỳ</th>
            <th>Vốn phải trả</th>
            <th>Lãi phải trả</th>
            <th>Vốn + Lãi</th>
        </tr>
         <% foreach (var item in Model)
            { %>
        <tr>
            <td><%= item.SoKyTra%></td>
            <td><%= String.Format("{0:0,0}", item.DuNoDauKy)%></td>
            <% if (item.VonPhaiTra != 0)
               { %>
            <td><%= String.Format("{0:0,0}", item.VonPhaiTra)%></td>
            <%}
               else
               { %>
            <td>0</td>
            <%} %>
            <td><%= String.Format("{0:0,0}", item.LaiPhaiTra)%></td>
            <td><%= String.Format("{0:0,0}", item.VonVaLai)%></td>
        </tr>
        <% } %>
        <tr>
            <td colspan="3"><b style="color:#1D7DA3;font-size:14px">Tổng</b></td>
            <td><b style="color:#1D7DA3;font-size:14px"><%= String.Format("{0:0,0}", ViewData["tonglai"])%></b></td>
            <td><b style="color:#1D7DA3;font-size:14px"><%= String.Format("{0:0,0}", ViewData["tongvonvalai"])%></b></td>
        </tr>
     </table>             
     <% } %>                      
    <script type="text/javascript">
        $(function() {
        
        var a1 = '<%= ViewData["SelectedHuongNha"] %>';
        
        $("#HuongNha oprion[value='"+a1+"']").attr("selected","selected");

    });
    function checkVal() {
        var regex = /^[0-9]+$/;
        var regex1 = /^[-+]?[0-9]+[.]?[0-9]*([eE][-+]?[0-9]+)?$/;
            if ($("#sotienvay").val() == "") {
                alert("Số tiền vay không được để trống");
                return false;
            } else if ($("#thoigianvay").val() == "") {
                alert("Thời gian vay không được để trống");
                return false;
            }
            else if ($("#laixuatvay").val() == "") {
                alert("Lãi xuất vay không được để trống");
                return false;
            }
            else if ($("#sotienvay").val() < 10000000) {
                alert("Số tiền vay phải >= 10000000");
                return false;
            }
            else if (!regex.test($("#sotienvay").val())) {
                alert("Số tiền nhập vào phải là số");
                return false;
            }
            else if (!regex.test($("#thoigianvay").val())) {
                alert("Thời gian vay phải là số");
                return false;
            } else if (!regex1.test($("#laixuatvay").val())) {
                alert("Bạn nhập sai định dạng lãi xuất vay");
                return false;
            }     
            return true;                   
        }
    </script>      

</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="RightContent" runat="server">
    <% Html.RenderAction("LastedSmall", "Useful", new { number = 8 }); %>
    <div class="clear"></div>
    <% Html.RenderAction("LastedSmall", "Event", new { number = 3, catid = 0 }); %>
    <div class="clear"></div>
    <% Html.RenderAction("Guide", "Article", new { number = 3, skip = 0, catid = SDT.Model.ConfigManager.GetCamnangMuaban(), title = "Cẩm nang mua bán", aorder = "ID", aorderDir = "desc" }); %>
</asp:Content>
